<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				text-align: center;
			}
			.content{
				width: 400px;
			}
			.a{
				width: 100px;
				height: 100px;
				background: #CDCECF;
			}
			.b{
				width: 200px;
				height: 100px;
				background: gray;
			}
			.c{
				width: 100px;
				height:100px ;
				background: orangered;
			}
			.a,.b,.c{
				float: left;
			}
		</style>
	</head>
	<body>
		<div style="width: 100%;">
		<div class="content" style="margin: 0 auto;">
			<div class="a">100*100</div>
			<div class="b">200*100</div>
			<div class="c">100*100</div>
			<div style="width: 100px;height: 200px;background: wheat;clear: both;float: left;">100*200</div>
			<div style="width: 100px;height: 100px;background: whitesmoke;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: gold;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background:#EEC3C7;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background:#D2354E;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: whitesmoke;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: gold;float: left;">100*100</div>
			<div style="width: 100px;height: 200px;background:#555555;clear: both;float: left;">100*200</div>
			<div style="width: 100px;height: 200px;background:wheat;float: left;">100*200</div>
			<div style="width: 200px;height: 100px;background:#D2354E;float: left;">200*100</div>
			<div style="width: 100px;height: 100px;background: whitesmoke;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: gold;float: left;">100*100</div>
		</div>
	<div style="width: 600px; clear: both;margin: 0 auto;">
		 <div style="width: 100px;height: 100px;background:#555555;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: gold;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background:#EEC3C7;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background:#D2354E;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: whitesmoke;float: left;">100*100</div>
			<div style="width: 100px;height: 100px;background: gold;float: left;">100*100</div>
	</div>
		</div>
	</body>
</html>
